/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* end of reset
************ */

body {
font-family: Verdana, sans-serif;
font-size: 12px;
line-height: 16px;
color: #515151;
}

#leftBorder {
display: block;
width: 90%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-image: url('layout-blue/left-tile.gif');
background-position: 0 0;
background-repeat: repeat-y;
position: relative;
}

#rightBorder {
background-image: url('layout-blue/right-tile.gif');
background-position: 100%;
background-repeat: repeat-y;
position: relative;
}

#container {
display: block;
width: 97%;
margin-right: auto;
margin-left: auto;
padding-top: 30px;
background-image: url('layout-blue/header.gif');
background-position: 0 0;
background-repeat: repeat-x;
}

#header {
display: block;
height: 70px;
position: relative;
}

.corners {
display: block;
width: 30px;
height: 30px;
position: absolute;
background-image: url('layout-blue/corners.gif');
background-repeat: no-repeat;
}

.nw {
background-position: 0 0;
left: 0;
top: 0;
}

.ne {
background-position: -30px 0;
right: 0;
top: 0;
}

.sw {
background-position: 0 -30px;
left: 0;
bottom: 0;
}

.se {
background-position: -30px -30px;
right: 0;
bottom: 0;
}

#header #logo {
display: block;
width: 197px;
height: 50px;
position: absolute;
top: 7px;
left: 20px;
background-image: url('logo.png');
background-position: 0 0;
background-repeat: no-repeat;
}

#header #logo a {
display: block;
height: 71px;
text-indent: -9999px;
overflow: hidden;
}

#header #slogan {
font-weight: normal;
font-size: 18px;
line-height: 20px;
position: absolute;
top: 22px;
left: 224px;
}

#header #slogan a {
color: #515151;
}

#header #members_area {
display: block;
height: 34px;
line-height: 34px;
padding-left: 35px;
padding-right: 15px;
position: absolute;
top: -16px;
right: 0;
color: #fff;
background-color: #697A8A;
background-image: url('layout-blue/members_area.png');
background-position: 0 0;
background-repeat: no-repeat;
}

#members_area a {
color: #fff;
}

#container #main_menu {
display: block;
height: 30px;
border-width: 2px 0;
border-style: solid none;
border-color: #fff;
background-color: #697a8a;
z-index: 100;
}

#container #main_menu ul {
list-style: none;
}

#container #main_menu ul li {
display: block;
width: 110px;
float: left;
text-align: center;
position: relative;
}

#container #main_menu ul li a {
display: block;
width: 100%;
height: 30px;
line-height: 30px;
text-decoration: none;
color: #fff;
border-right: 1px solid #ccc;
}

#container #main_menu ul li a.active {
background-color: #3f5167;
background-image: url('layout-blue/active.gif');
background-position: 50% 100%;
background-repeat: no-repeat;
}

#container #main_menu ul li a:hover {
background-color: #94a5b7;
}

#container #main_menu ul li ul {
display: none;
position: absolute;
top: 30px;
left: 1px;
z-index: 140;
background-color: #697a8a;
}

#container #main_menu ul li:hover ul {
display: block;
z-index: 200;
}

#container #main_menu ul li ul li {
display: block;
width: auto !important;
clear: left;
float: none;
white-space: pre;
text-align: left;
text-indent: 7px;
padding-right: 7px;
border-bottom : 1px solid #c2c5c8;
}

#container #main_menu ul li ul li a {
display: block;
width: 100%;
white-space: pre;
z-index: 300;
border-right: none;
}

#container #main_menu ul li ul li:hover,
#container #main_menu ul li ul li a:hover {
color: #fff;
background-color: #c2c5c8;
}

#main {
display: block;
width: 100%;
clear: both;
margin-bottom: 20px;
}

#main ol,
#main ul {
list-style-type: inherit;
}

#main:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#main #left_menu {
display: block;
width: 19%;
float: left;
}

#main #left_menu ul { list-style-type: none; }

#main #left_menu ul li {
display: block;
width: 99%;
border-bottom: 1px solid #fff;
}

#main #left_menu ul li a {
display: block;
width: 100%;
text-indent: 13px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
color: #808080;
background-color: #d0d0d0;
}

#main #left_menu ul li a.active {
color: #fff;
background-color: #267bb4;
}

#main #left_menu ul li a:hover {
color: #fff;
background-color: #c2c5c8;
}

#main #left_menu ul li ul { list-style-type: none; }

#main #left_menu ul li ul li {
display: block;
width: 100%;
}

#main #left_menu ul li ul li a {
display: block;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
text-indent: 20px;
text-decoration: none;
color: #808080;
background-color: #eee;
border-bottom: 1px solid #d0d0d0;
}

#main #left_menu ul li ul li a.active {
background-color: #fff;
color: #267bb4;
}

#main #left_menu ul li ul li a:hover {
background-color: #ffffff;
color: #267bb4;
}

#main #columns {
display: block;
width: 80%;
float: right;
}

#main h1 {
font-size: 18px;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 9px;
font-weight: bold;
background-color: #267bb4;
color: #fff;
text-align: left;
}

#main h2 {
font-size: 16px;
padding-top: 8px;
padding-bottom: 8px;
font-weight: bold;
color: #267bb4;
text-align: left;
text-indent: 0.5em;
}

#main h3 {
text-indent: 1em;
}

#main #columns ul {
list-style-position: inside;
}

#main #columns ul li {
margin-left: 1.5em;
}

#main #columns ul.list_one {
list-style-type: circle;
}

#main #columns ul.list_two {
list-style-type: square;
}

#main p {
/* text-indent: 2em; */
}

#main p.actionsRow {
text-indent: 0em;
display: block;
clear: both;
overflow: auto;
/* margin-left: 30%; */
margin-top: 5px;
margin-bottom: 5px;
}

#footer {
display: block;
height: 12px;
position: relative;
background-image: url('layout-blue/footer.gif');
background-position: 0 0;
background-repeat: repeat-x;
}

#legal {
position: absolute;
top: 22px;
right: 20px;
font-size: 10px;
text-align: right;
}

li.last {
border: none !important;
}

span.clear {
display: block;
margin-top: -13px;
height: 0px;
clear: both;
}

span.arrow {
display: block;
width: 13px;
height: 13px;
float: left;
background: transparent url('layout-blue/triangle.gif') 100% 50% no-repeat;
border-color: #267bb4 #ffffff;
}

.blocklink {
color: #515151;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.buttons {
display : block;
clear : both;
margin : 2px 0px 2px 0px;
overflow : auto;
}

.buttons a,
.buttons a:visited,
.buttons a:hover {
text-decoration : none;
line-height : 26px;
}

.buttons a span,
.buttons a:visited span,
.buttons button {
font-family : Arial;
margin-right : 8px;
border : 1px solid #dedede;
border-top : 1px solid #eeeeee;
border-left : 1px solid #eeeeee;
color : #267bb4;
font-size : 12px;
font-weight : bold;
float : left;
text-transform : uppercase;
cursor : pointer;
overflow:auto;
background-color : #f5f5f5;
}

.buttons button {
height : 28px;
}

.buttons a span,
.buttons a:visited span {
padding : 0px 14px 0px 14px;
}

/* DEFAULT BUTTON ROLLOVER */
.buttons a:active span,
.buttons a:hover span,
.buttons button:hover {
background-color : #dff4ff;
border : 1px solid #c2e1ef;
}

/* OK BUTTON ROLLOVER */
.buttons a.ok:active span,
.buttons a.ok:hover span,
.buttons button.ok:hover {
background-color : #e6efc2;
border : 1px solid #c6d880;
color : #32782d;
}

/* CANCEL BUTTON ROLLOVER */
.buttons a.cancel:active span,
.buttons a.cancel:hover span,
.buttons button.cancel:hover {
background-color : #fbe3e4;
border : 1px solid #fbc2c4;
color : #e32325;
}

#main table .buttons a span,
#main table .buttons a:visited span,
#main table .buttons button {
float : right;
}



.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}
